#slider .ui-slider-handle,  #slider .ui-slider-handle {
  background: none repeat scroll 0 0 #0AFF53 !important;
  border: medium none;
  border-radius: 25px;
  height: 2.5em;
  outline: medium none;
  top: -0.7em;
  width: 2.5em;
}

.colorproduct{
    width:100px;
    height:100px;
    border-radius:300px;
/*    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;*/
}

#prod1color{
    float:left;
}

#prod2color{
    float:right;
}